import { debounce } from "./utils";
import BackTop from 'components/content/backTop/BackTop';
import {BACKTOP_DISTANCE} from "@/common/const";
export const itemListenerMixin = {
  data() {
    return {
      itemImgListener:null,
    }
  },
  mounted() {
    let newRefresh = debounce(this.$refs.scroll && this.$refs.scroll.refresh,100);
    this.itemImgListener = () => {
      newRefresh();
    }
    this.$bus.$on('itemImgLoad',this.itemImgListener);
    // console.log('我是混入中的内容');
  },
}


// export const itemListenerMixin = {
//   components:{},
//   methods: {},
//   data() {
//     return {
//       itemImgListener:null,
//       newRefresh:null
//     }
//   },
//   mounted() {
//     this.newRefresh = debounce(this.$refs.scroll && this.$refs.scroll.refresh,100);
//     this.itemImgListener = () => {
//       this.newRefresh();
//     }
//     this.$bus.$on('itemImgLoad',this.itemImgListener);
//     console.log('我是混入中的内容');
//   },
// }

export const backTopMixin = {
  components:{
    BackTop
  },
  data() {
    return {
      // 当前滚动的位置
      isShowBackTop:false,
    }
  },
  methods: {
    backTop(){
      // 调用子组件里面封装的scrollTop方法即可
      this.$refs.scroll.scrollTo(0,0,300);
    },
    listenShowBackTop(position){
      this.isShowBackTop = -position.y > BACKTOP_DISTANCE
    }
  },
}

